<template>
  <div style="margin-top: 50px">
    <el-form :model="value" ref="productSaleForm" label-width="120px" style="width: 600px" size="s米糕">

       <el-form-item label="tokenId 范围：" prop="tokenIds">
        <div class="flexContent width_half">
          <el-input type="number" v-model="value.startToken"></el-input>
          ~
          <el-input type="number" v-model="value.endToken"></el-input>
        </div>
      </el-form-item>

      <el-form-item label="单独设置价格的nft：" label-width="140px" class="single-spacifical">
        
      </el-form-item>

      <el-form-item label="tokenId：" prop="specificalPrice" >
        <el-input type="number" v-model="value.specificalTokenId"  ></el-input>
      </el-form-item>
      <el-form-item label="价格：" prop="specificalPrice" >
        <el-input type="number" v-model="value.specificalPrice"  ></el-input>
      </el-form-item>

      <el-form-item label="商品上架：">
        <el-switch v-model="value.status" :active-value="1" :inactive-value="0">
        </el-switch>
      </el-form-item>
      <el-form-item label="热门商品：">
        <span style="margin-right: 10px">热门</span>
        <el-switch v-model="value.hot" :active-value="1" :inactive-value="0">
        </el-switch>

      </el-form-item>

      <el-form-item style="text-align: center">
        <el-button size="medium" @click="handlePrev">上一步，填写商品信息</el-button>
        <el-button type="primary" size="medium" @click="handleNext">完成，提交商品</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>

import "../../../../../assets/css/basic.css"
export default {
  name: "ProductSaleDetail",
  props: {
    value: Object,
    isEdit: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      //日期选择器配置
      pickerOptions1: {
        disabledDate(time) {
          return time.getTime() < Date.now();
        }
      },
      a:true
    }
  },
  created() {
    if (this.isEdit) {
      // this.handleEditCreated();
    } else {
      // fetchMemberLevelList({defaultStatus: 0}).then(response => {
      //   let memberPriceList = [];
      //   for (let i = 0; i < response.data.length; i++) {
      //     let item = response.data[i];
      //     memberPriceList.push({memberLevelId: item.id, memberLevelName: item.name})
      //   }
      //   this.value.memberPriceList = memberPriceList;
      // });
    }
  },
  computed: {
    //选中的服务保证
    selectServiceList: {
      get() {
        let list = [];
        if (this.value.serviceIds === undefined || this.value.serviceIds == null || this.value.serviceIds === '') return list;
        let ids = this.value.serviceIds.split(',');
        for (let i = 0; i < ids.length; i++) {
          list.push(Number(ids[i]));
        }
        return list;
      },
      set(newValue) {
        let serviceIds = '';
        if (newValue != null && newValue.length > 0) {
          for (let i = 0; i < newValue.length; i++) {
            serviceIds += newValue[i] + ',';
          }
          if (serviceIds.endsWith(',')) {
            serviceIds = serviceIds.substr(0, serviceIds.length - 1)
          }
          this.value.serviceIds = serviceIds;
        } else {
          this.value.serviceIds = null;
        }
      }
    }
  },
  methods: {
    handleEditCreated() {
      let ids = this.value.serviceIds.split(',');
      console.log('handleEditCreated', ids);
      for (let i = 0; i < ids.length; i++) {
        this.selectServiceList.push(Number(ids[i]));
      }
    },
    handleRemoveProductLadder(index, row) {
      let productLadderList = this.value.productLadderList;
      if (productLadderList.length === 1) {
        productLadderList.pop();
        productLadderList.push({
          count: 0,
          discount: 0,
          price: 0
        })
      } else {
        productLadderList.splice(index, 1);
      }
    },
    handleAddProductLadder(index, row) {
      let productLadderList = this.value.productLadderList;
      if (productLadderList.length < 3) {
        productLadderList.push({
          count: 0,
          discount: 0,
          price: 0
        })
      } else {
        this.$message({
          message: '最多只能添加三条',
          type: 'warning'
        });
      }
    },
    handleRemoveFullReduction(index, row) {
      let fullReductionList = this.value.productFullReductionList;
      if (fullReductionList.length === 1) {
        fullReductionList.pop();
        fullReductionList.push({
          fullPrice: 0,
          reducePrice: 0
        });
      } else {
        fullReductionList.splice(index, 1);
      }
    },
    handleAddFullReduction(index, row) {
      let fullReductionList = this.value.productFullReductionList;
      if (fullReductionList.length < 3) {
        fullReductionList.push({
          fullPrice: 0,
          reducePrice: 0
        });
      } else {
        this.$message({
          message: '最多只能添加三条',
          type: 'warning'
        });
      }
    },
    handlePrev() {
      this.$emit('prevStep')
    },
    handleNext() {
      this.$emit('finishCommit',this.isEdit);
    }
  }
}
</script>

<style scoped>
.littleMargin {
  margin-top: 10px;
}
</style>
